<template>
    <div class="top">
        <button class="but" >
        <router-link class="router-link" to="/visual"  target="_blank">可视化大屏</router-link>
    </button>
   
       <el-dropdown trigger="click">
            <span class="el-dropdown-link">
               黑马管理员
            </span>
            <template #dropdown>
                <el-dropdown-menu>
                <el-dropdown-item >退出登录</el-dropdown-item>
                <el-dropdown-item >修改密码</el-dropdown-item>
                </el-dropdown-menu>
            </template>
       </el-dropdown>
    </div>
    
</template>
<script setup>

</script>

<style scoped>
.top{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* width: 100%; */
    height: 65px;
    background-color:#f4f6f8;
}
.top .but{
    width: 110px;
    height: 38px;
    color: blueviolet;
    background-color: #f4f6f8;
    border-color: blueviolet;
    border-radius: 8px;
}
.el-dropdown-link {
    font-size: 17px;
    cursor: pointer;
    color: #000;
    margin:0 30px;
  }
.router-link {
text-decoration: none; /* 去除下划线 */
}
</style>